const styleList = [
    {
      id: "default",
      color: "#fff",
      echartsColorPalette: ["#dd6b66","#759aa0","#e69d87","#8dc1a9","#ea7e53","#eedd78","#73a373","#73b9bc","#7289ab", "#91ca8c","#f49f42"],
      setting: {
        "@primary-color": "#3e91f7",
        "@theme-color": "#3e91f7",
        "@btn-primary-color": "#fff",
        "@border-color-base": "#E9EEF7",
        "@layout-body-background": "#fff",
        "@layout-header-background": "#fffffe",
        "@component-background": "#fffffe",
        "@text-color": "fade(@black, 65%)",
        "@table-header-bg": "hsv(0, 0, 98%)",
        "@table-row-hover-bg": "#F0FDFF",
        "@cursor-text-color": "#1f1f1f",
        "@descriptions-bg": "#fafafa",
        "@alarm-chart-bg-color": "#f2f6fa",
        "@statistic-title-color": "rgba(0, 0, 0, 0.45)",
        "@dashboard-box-shadow": "0 1px 4px rgba(0, 0, 0, 0.15)",
        "@background-color-light": "fade(@primary-color, 25%)",
        "@item-hover-bg": "tint(@primary-color, 90%)",
        "@tree-node-selected-bg": "tint(@primary-color, 80%)",
        "@heading-color": "fade(#000, 85%)",
        "@collapse-bg": "#fafafa",
        // "@select-item-selected-bg": "tint(@primary-color, 80%)",
        // "@select-tree-item-selected-bg": "tint(@primary-color, 80%)",

        "@text-color-secondary": "rgba(0, 0, 0, 0.45)",
        "@table-header-sort-bg": "@background-color-base",
        "@icon-color-hover": "rgba(0, 0, 0, 0.75)",
        "@background-color-base": "hsv(0, 0, 96%)",
        "@cascader-picker-arrow-color": "rgba(0, 0, 0, 0.25)",
        "@disabled-color": "fade(#000, 25%)",
      },
      title: "默认"
    },
    {
      id: "dark",
      color: "#183b69",
      echartsColorPalette: ["#dd6b66","#759aa0","#e69d87","#8dc1a9","#ea7e53","#eedd78","#73a373","#73b9bc","#7289ab", "#91ca8c","#f49f42"],
      setting: {
        "@primary-color": "#fa541c",
        "@theme-color": "#fa541c",
        "@btn-primary-color": "#fff", // 按钮文字主色
        "@border-color-base": "#303030", // base border outline a component
        "@layout-body-background": "#183b69", // layout-body 背景色
        "@layout-header-background": "#183b69", // layout-header 背景色
        "@component-background": "#183b69", // 大多数组件的基础背景色
        "@text-color": "rgba(255, 255, 255, 0.65)", // 大多数组件的文字颜色
        "@table-header-bg": "#1d1d1d", // 表格头部背景色
        "@table-row-hover-bg": "#303030", // 表格hover背景色
        "@table-header-sort-bg": "#101010", // 表格排序表头选中背景色
        "@descriptions-bg": "#101010", // 描述背景色
        "@background-color-light": "fade(@primary-color, 25%)", // 多数组件的头部背景色
        "@item-hover-bg": "#000", // 项目hover背景色
        "@tree-node-selected-bg": "fade(#000, 25%)", // 选中tree背景色
        // "@select-item-selected-bg": "fade(@primary-color, 25%)", // 选中select背景色
        "@item-active-bg": "@item-hover-bg", // 当前选中背景色
        "@heading-color": "fade(#fff, 85%)", // 多数组件的头部颜色
        "@text-color-secondary": "rgba(255, 255, 255, 0.65)", // 二级文字颜色
        "@icon-color-hover": "rgba(255, 255, 255, 1)",
        "@background-color-base": "#111f36", // 默认背景色
        "@disabled-color": "fade(#fff, 25%)", // disabled 颜色

        "@collapse-bg": "#183b69", // 折叠面板背景色
        "@cascader-picker-arrow-color": "rgba(255, 255, 255, 0.45)", // 日期等icon颜色
        // "@select-tree-item-selected-bg": "#000", // select-tree选中元素背景色
      },
      title: "科技风"
    },
]

const colorList = [
    {
        color: "#3e91f7",
    },
    {
        color: "#fa541c",
    },
    {
        color: "#ffff00",
    },
    {
        color: "#000000",
    },
]

export {
    styleList,
    colorList
}
